去年寶哥在 Modern WEB 中介紹過 Angular 有時會發生版本不相容的 issue , 利用 Web Component 可以

讓舊版的 Angular 元件直接拿到新版的 Angular 做使用 , 那時在我心中就埋下了一個名詞 Web Component

最近 , 我在整理自己以前寫的 口罩地圖 ,

我突然意識到那時學 React 時使用的 UI 框架 material-ui

跟我後來學 Vue 常用的 UI 框架 element-UI 都各有其長處

但是 , 我無法直接將 material-ui 中我認為不錯的元件拿到 Vue 中做使用 , 反之亦然

這讓我有點鬱悶 , 當我看到 react hook form 跟 vue-typer 都覺得不錯 ,

想同時使用時 , 只能仰天長嘯

然後默默的忽視其中一個元件 , 避免自己多看多傷心 （＞人＜；）

這時我突然想起 Web Component 這個名詞 , 經過 Google 後 , 我發現他可以達到我想要做的事情 ,

在同一個頁面中 , 使用 React 元件 跟 Vue 元件 ,

之後 30 天請邦友們跟我一起探尋 Web Component 讓我們一起拌炒前端三大框架吧 !

參考資料 :

• 一起探討 Micro Frontends 的世界
• Meme 梗圖倉庫